<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Javascript的对象基础</title>
  <script>
    //简单对象的创建，在JavaScript中可以不创建类，直接创建对象，JavaScript的对象就是所谓json数据 Javascript simple object notion
    //user不是类而是一个对象，可以直接访问的
    let user = {
      name:'Ada',
      age:33,
      show:function() {
        console.log(this.name,this.age);
      },
      title:{
        info:'这是一个标题',
        // showUser:function() {
        //   //此时的this是title，并没有指向user对象，所以this.name是undefined
        //   console.log(this.name);
        // }
        showUser:()=>{
          //此时的this是window，并没有指向user和title对象，所以this.name是空字符串
          //箭头函数中并不会有this对象，它会继续向上找
          console.log(this.name+"---------------------------"); // 是空字符串          
        }
      }
    }

    //访问对象的属性
    console.log(user.name); // Ada
    console.log(user['name']); // Ada
    user.show(); // Ada 33
    user.title.showUser(); // undefined

    //遍历对象的属性
    for(let key in user) {
      console.log(key+":"+user[key]); // name age show title
    } 
  </script>
</head>
<body>
  
</body>
</html>